<template>
  <div class="info-attr-module">
    <div class="title">基本信息</div>
    <div class="register">
      <div class="item">
        <div class="name">所属地区</div>
        <div class="right">
          <div class="text">上海市</div>
        </div>
      </div>
      <div class="item">
        <div class="name"><span>*</span>代表队名称</div>
        <div class="right">
          <input placeholder="请输入" value="山东廊坊" />
        </div>
      </div>
      <div class="item">
        <div class="name"><span>*</span>代表队负责人</div>
        <div class="right">
          <input placeholder="请输入" value="小阿萨" />
        </div>
      </div>
      <div class="item">
        <div class="name"><span>*</span>联系方式(手机)</div>
        <div class="right">
          <input placeholder="请输入" class="phone" /><span class="code"
            >查询手机号</span
          >
        </div>
      </div>

      <div class="item upload">
        <div class="name">一寸证件照</div>
        <div class="imgs">
          <img class="img" src="@/assets/upload.png" />
        </div>
      </div>
      <div class="item upload">
        <div class="name">负责人授权书(单位盖章)</div>
        <div class="imgs">
          <img class="img" src="@/assets/upload.png" />
        </div>
      </div>
    </div>
    <div style="height: 10rem"></div>
    <div class="fixed-btn">
      <div class="btn" @click="handleSuccess">提交</div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { getCurrentInstance } from "vue";
let currentInstance = getCurrentInstance();

const handleSuccess = () => {
  currentInstance?.proxy?.$mesage.openToast({
    text: "当前用户已经参加了别的代表队",
  });
};
</script>

<style lang="scss" scoped>
@import "./style.scss";
</style>
